<template>
  <!-- <div class="aca_main flex_column mb50">
      <div class="aca_main_text">
          <h1><strong class="font50">健康课程</strong></h1>
          <p class="font12 gray">健康的身体乃是灵魂的客厅，有病的身体则是灵魂的禁闭室。
                                  健康是最好的天赋，知足为最大的财富，信任为最佳的品德。 
                                  物质是健康的基础，精神是健康的支柱，运动是健康源泉，科学是健康的法宝，健商是健康的保证。</p>
      </div>
      <div class="aca_main_input mb50">
          <a-input-search placeholder="搜索健康课程"
                          style="width: 500px"
                          @search="onSearch"
                          size="large"/>
      </div>
  </div> -->
  <div class="mt100 mb50">
    <a-row :gutter="16" type="flex" align="middle">
      <a-col :span="24">
        <h1><strong class="font50">健康课程</strong></h1>
        <p class="font12 gray">健康的身体乃是灵魂的客厅，有病的身体则是灵魂的禁闭室。
                               健康是最好的天赋，知足为最大的财富，信任为最佳的品德。 
                               物质是健康的基础，精神是健康的支柱，运动是健康源泉，科学是健康的法宝，健商是健康的保证。</p>
      </a-col>
    </a-row>
    <a-row :span="24" class="mt50">
      <a-input-search placeholder="搜索健康课程"
                      style="width: 40%"
                      @search="onSearch"
                      size="large"/>
    </a-row>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.aca_main {
    .aca_main_text {
      flex-direction: column;
      padding: 100px;
    }
    .aca_main_input {
      flex-direction: column;
    }
}
</style>